.main-container {
       width: 80%;
       margin: 20px auto;
       background-color: #fff;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
       border-radius: 8px;
       overflow: hidden;
}


.main-context{
       margin-left: 40px;
       margin-top: 25px;
}
.main-context img{
       width: 20px;
       height: 20px;
}
.main-context a{
       text-decoration: none;
       font-size: 18px;
       margin-bottom: 10px;
       color: #333;
}

/* 内容样式 */
.main-content {
       padding: 20px;
}
.main-content h2 {
       text-align: center;
       font-size: 24px;
       margin-bottom: 10px;
       color: #333;
}
.main-content img {
       height: 400px;
       width: auto;
       display: block;
       margin: auto;
}
.main-content p {
       margin-bottom: 10px;
       color: #666;
       line-height: 1.6;
}

/* 食材和步骤样式 */
.ingredients, .steps {
       margin-top: 40px;
       margin-bottom: 20px;
       padding: 15px;
       background-color: #f9f9f9;
       border-radius: 8px;
}
.ingredients h3, .steps h3 {
       font-size: 18px;
       margin-bottom: 10px;
       color: #333;
}
.ingredients ul, .steps ol {
       list-style: none;
       padding: 0;
       margin: 0;
}
.ingredients li, .steps li {
       margin-bottom: 5px;
       color: #666;
       line-height: 1.6;
}
.steps li::before {
       main-content: "•";
       color: #007bff;
       margin-right: 10px;
}

/* 评论区样式 */
.comment-section {
       margin-top: 20px;
       background-color: #f9f9f9;
       padding: 20px;
       border-radius: 8px;
}
.comment-header {
       text-align: center;
       padding: 10px 0;
       background-color: #f8f8f8;
       border-radius: 8px 8px 0 0;
       color: #333;
       font-weight: bold;
}
.comment-form {
       margin: 20px 0;
}
.comment-form input {
       width: 100%;
       padding: 10px;
       margin-bottom: 10px;
       border: 1px solid #ddd;
       border-radius: 4px;
       box-sizing: border-box;
}
.comment-form button {
       padding: 10px 20px;
       background-color: #007bff;
       color: white;
       border: none;
       border-radius: 4px;
       cursor: pointer;
}
.comment-list {
       list-style: none;
       padding: 0;
}
.comment-list li {
       margin-bottom: 20px;
       padding: 10px;
       border-bottom: 1px solid #ddd;
}
.comment-list li:last-child {
       border-bottom: none;
}
.comment-list img {
       width: 50px;
       height: 50px;
       border-radius: 50%;
       margin-right: 10px;
       vertical-align: middle;
}
.comment-list .likes {
       float: right;
       cursor: pointer;
       color: #007bff;
}
.comment-list .reply {
       float: right;
       margin-right: 10px;
       cursor: pointer;
       color: #666;
}